.themes-thanks-modal  {
	width: 300px;
	padding: 1.5em;
	min-height: 245px;

	@include breakpoint( "<480px" ) {
		box-sizing: border-box;
		width: 100%;
	}

	h1 {
		display: block;
		font-weight: 300;
		line-height: 1.5em;
		margin-bottom: 4rem;
		text-align: center;
		height: auto;

		p {
			margin: 0;
		}
	}

	ul {
		display: block;
		margin-left: 10px;

		a {
			white-space: nowrap;
		}
	}
}

.themes__selection .themes-list {
	margin-top: 24px;
}

.themes__site-selector-modal {
	padding-bottom: 24px;

	.site-selector-modal__content {
		.theme {
			@include breakpoint( ">480px" ) {
				width: 300px;
			}
			margin-left: auto;
			margin-right: auto;
		}

		h1 {
			text-align: center;
			font-weight: 300;
			margin-bottom: 0;
		}

		>h2 {
			text-align: center;
			font-size: 0.75em;
			line-height: 0.75em;
		}
	}
}

.sticky-panel .themes__search-card {
	transition: 0.3s box-shadow;
}

.sticky-panel.is-sticky .themes__search-card {
	box-shadow: 0 0 0 1px transparentize( lighten( $gray, 20% ), .5 ),
	0 2px 4px lighten( $gray, 20% );
}

.themes__upload-button {
	float: right;

	&.is-compact {
		margin-top: 23px;
		color: $gray-dark;
		.gridicon {
			top: 6px;
			padding-right: 4px;
		}

		@include breakpoint( "<660px" ) {
			margin-top: 18px;
		}

		@include breakpoint( "<480px" ) {
			margin-top: 20px;
			font-size: 0;
			.gridicon {
				padding: 0;
			}
		}
	}
}
